<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/public.css" />
	</head>
	<body>
		<a href="#"id="top"></a>
	<header>
	    <div id="login-box">
	    	<div id="login-left">
	    		<li><a href="#">会员卡激活</a></li>
	    		<li><a href="#">讲师查询</a></li>
	    		<li><a href="#">校园资讯</a></li>
	    	</div>
	    	<div id="login-right">
	    		<ul>
	    			<li class="login"><a target="_blank" href="login.html">【登录】</a></li>
	    			<li class="regis"><a target="_blank" href="register.html">【注册】</a></li>
	    			<li class="dingdan"><a href="">我的订单</a></li>
	    			<li class="myxz">
	    				<a href="" >我的校妆</a>
	    				<ul class="small-xz">
                            <li>
                                <a href="#">我的校妆</a>
                            </li>
                            <li>
                                <a href="#">我的优惠券</a>
                            </li>
                            <li>
                                <a href="#">我的积分</a>
                            </li>
                            <li>
                                <a href="#">我的储值</a>
                            </li>
                            <li>
                                <a href="#">我的咨询</a>
                            </li>
                            <li>
                                <a href="#">我的收藏</a>
                            </li>
                        </ul>
	    			</li>
	    			<li class="service"><a href="">客户服务</a></li>
	    		</ul>
	    	</div>
	    </div>
	</header>
	<section id="logo-box">
		<div id="logo-cont">
			<h2 class="logo"><a href="#"></a></h2>
			<div class="search">
				<input type="text" />
				<button></button>
				<ul>
					<li>热门：</li>
					<li class="first-search"><a href="#">SKIN79</a></li>
	                <li><a href="#">SUNSHOP</a></li>
	                <li><a href="#">乳液</a></li>
	                <li><a href="#">护肤套装</a></li>
	                <li><a href="#">保湿补水</a></li>
	                <li><a href="#">面膜</a></li>
	                <li><a href="#">BB霜</a></li>
	                <li><a href="#">美白</a></li>
				</ul>
			</div>	
			<div class="safe">
				<span><i></i>100%正品</span>
           		<span><i></i>校园服务</span>
                <span><i></i>满98免运费</span>
			</div>		
		</div>
			
	</section>
	<nav id="nav-box">
		<div id="nav-cont">
			<ul>
				<li class="classify">
					<a href="#" id="all">全部商品分类</a>
					<i></i>
					<ul class="list" style="display: none;">
						<li class="classify1">
							<span></span>
	                        <a href="html/list/list.html">面部护肤</a>
	                        <a href="#">防晒隔离</a>
	                        <a class="face" href="#">面膜</a>
	                        <a href="#">眼部护理</a>
	                        <a href="#">护肤套装</a>	                        
						</li>
						<li>
							<span></span>
	                        <a href="#">时尚彩妆</a>
	                        <a href="#">面部妆容</a>
	                        <a class="face" href="#">眼部妆容</a>
	                        <a href="#">唇部妆容</a>
	                        <a href="#">彩妆套装</a>
						</li>
						<li> 
							<span></span>
	                        <a href="#">个人护理</a>
	                        <a href="#">身体润肤</a>
	                        <a class="face" href="#">沐浴清洁</a>
	                        <a href="#">手足护理</a>
	                        <a href="#">秀发洗护</a>
						</li>
						<li>
							<span></span>
	                        <a href="#">美体/工具</a>
	                        <a href="#">美体塑身</a>
	                        <a class="face" href="#">身体脱毛</a>
	                        <a href="#">护肤工具</a>
	                        <a href="#">彩妆工具</a>
						</li>
						<li>
							<span></span>
	                        <a href="#">男士护理</a>
	                        <a href="#">面部护理</a>
	                        <a class="face" href="#">剃须护理</a>
	                        <a href="#">身体护理</a>
	                        <a href="#">护理套装</a>
						</li>
						<li>
							<span></span>
	                        <a href="#">经典香氛</a>
	                        <a href="#">女士香水</a>
	                        <a class="face" href="#">男士香水</a>
	                        <a href="#">迷你香水</a>
	                        <a href="#">香水套装</a>
						</li>
					</ul>
				</li>
				<li><a href="">首页</a><i></i></li>
				<li class="skin"><a href="">SKIN79专区</a><i></i></li>
				<li><a href="">积分购</a><i></i></li>
				<li><a href="">美课堂</a><i></i></li>
				<li><a href="">手机校妆</a><i></i></li>
				<li class="shopcart"><a target="_blank" href="shopcart.html">购物车</a><i></i></li>
			</ul>
		</div>
	</nav>
	</body>
</html>
